<template>
<div class="help-box">
    <el-form class="border shadow-lg" style="border-radius:40px;height:400px;width:400px;margin-left:50px;background-color:#bfbfbf">
        <el-form-item>
            <el-input class="w-50 mx-auto mt-5" placeholder="联系电话/邮件"></el-input>
        </el-form-item>
        <el-form-item>
            <el-input class="w-50 mx-auto" placeholder="帮扶时间"></el-input>
        </el-form-item>
        <el-form-item>
            <el-select v-model="form1.region">
                <el-option label="呈贡区" value="" class="ms-5"></el-option>
            </el-select>
            <el-select v-model="form1.region" class="ms-2">
                <el-option label="吴家营" value=""></el-option>
            </el-select>
        </el-form-item>  
        <el-form-item>
            <el-input class="w-50 mx-auto" placeholder="帮扶描述" style="height:100px"></el-input>
        </el-form-item>
        <el-form-item>
            <el-button type="primary" class="mx-auto">保存</el-button>
        </el-form-item>
      </el-form>
</div>
  
</template>

<script>
export default {
    name:'HelpOld',
     data(){
    return{
        form:null,
        form1:{
            region:null,
        },
    }
},

}
</script>

<style scoped>
.el-select{
  width:100px;
  margin-left:100px;
  padding-top:10px;
}
.help-box {
  width: 500px;
  height: 500px;
  background-color:#a0d911;
  border-radius: 10%;
  margin-top: -230px ;
  padding-top:50px;
  transform: translate(70%, 50%);
}
</style>